<div class="row pb-1">
    <h6 ng-if="$ctrl.header" class="col-3" ng-bind="$ctrl.translate($ctrl.header)"></h6>
    <div ng-switch="$ctrl.datatype.toLowerCase()" class="col-9 preview-container">
        <div ng-switch-default>
            <p ng-bind="$ctrl.data.value"></p>
        </div>
        <div ng-switch-when="datetime|date">
            <span ng-bind="$ctrl.data.value | utcToLocal"> </span>
        </div>
        <div ng-switch-when="integer|double|currency">
            <span ng-bind="$ctrl.data.value | currency"> </span>
        </div>
        <div ng-switch-when="upload">
            <preview-image ng-if="$ctrl.data.value !=='/'" img-height="25" img-src="$ctrl.data.value"></preview-image>
        </div>
        <div ng-switch-when="icon">
            <i class="{{$ctrl.data.value}}"> </i>
        </div>
        <div ng-switch-when="boolean">
            <input class="sm-form-control" type="checkbox" ng-model="$ctrl.data.value" />
        </div>
        <div ng-switch-when="html">
            <p ng-bind-html="$ctrl.data.value"></p>
        </div>
        <div ng-switch-when="tuieditor">
            <div ng-bind-html="$ctrl.data.value | markdown"></div>
        </div>
    </div>
</div>